<template>
	<tabbar slot="bottom">
      <tabbar-item link="/">
        <span slot="icon" class="iconfont icon-wechat"></span>
        <span slot="label">微信</span>
      </tabbar-item>
      <tabbar-item link="/address_book">
        <span slot="icon" class="iconfont icon-tongxunlu1"></span>
        <span slot="label">通讯录</span>
      </tabbar-item>
      <tabbar-item link="/found">
        <span slot="icon" class="iconfont icon-faxian"></span>
        <span slot="label">发现</span>
      </tabbar-item>
      <tabbar-item link="/mine">
        <span slot="icon" class="iconfont icon-wode"></span>
        <span slot="label">我</span>
      </tabbar-item>
    </tabbar>
</template>
<script type="text/javascript">
	import { Tabbar, TabbarItem } from 'vux'
	import '@/assets/iconfont/iconfont.css'

	export default {
		components: {
			Tabbar,
    		TabbarItem
		}
	}
</script>
<style>

</style>